<script lang="ts">
	import observer from "$lib/components/Carousel/observer";
	export let items = [];
	export let heading = "";
</script>

<div class="grid-container">
	<div class="header resp-content-width">
		<span class="h2">{heading}</span>
	</div>
	<div
		class="grid resp-content-width"
		use:observer
	>
		{#each items as item, i (item)}
			<slot
				name="item"
				{item}
				index={i}
			/>
		{/each}
	</div>
</div>

<style
	src="./index.scss"
	lang="scss"
>
</style>
